<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"> 
    <title>菜鸟教程(runoob.com)</title> 
    <style>
        /* "first-line" 伪元素用于向文本的首行设置特殊样式。 */

        /* 在下面的例子中，浏览器会根据 "first-line" 伪元素中的样式对 p 元素的第一行文本进行格式化： */
        p::first-line {
            color: #ff0000;
            font-variant: small-caps;
        }

        /* 注意："first-line" 伪元素只能用于块级元素。 */
        /* 注意： 下面的属性可应用于 "first-line" 伪元素：
            font properties
            color properties 
            background properties
            word-spacing
            letter-spacing
            text-decoration
            vertical-align
            text-transform
            line-height
            clear
         */
    </style>
</head>

<body>
    <!-- 缩小到显示2行，只有第一行变红色 -->
    <p>你可以使用 "first-line" 伪元素向文本的首行设置特殊样式。你可以使用 "first-line" 伪元素向文本的首行设置特殊样式。</p>
</body>

</html>